import React, { Component } from 'react'
// refs技术方式一:
//1. 创建ref对象
const appRef = React.createRef()
export default class App extends Component {
  render() {
    return (
      <div>
        {/*
        refs技术方式一: 
        2. 在想要获取真实dom的标签上,写ref属性,值为ref对象 */}
        {/* 当input这个标签的真实dom创建完毕,则react会自动把创建出来的真实dom赋值给ref对象的current属性 
        注意: 一个ref对象应该和一个标签绑定,否则会覆盖*/}
        <input type="text" ref={appRef} />
        {/* refs技术方式二:  */}
        <input
          type="password"
          ref={(node) => {
            // 当input的真实dom创建出来之后,这个函数会立刻调用
            // node是形参,用来接收input的真实dom
            // console.log(node)
            this.inp = node
          }}
        />
        <button
          onClick={() => {
            console.log(appRef)
            this.inp.focus()
          }}
        >
          按钮
        </button>
      </div>
    )
  }
}
